<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>



<!-- 文档地址 https://zijieke.com/semantic-ui/modules/progress.php -->
<div class="ui teal progress" id="example3">
	<div class="bar">
		<div class="progress">0%</div>
	</div>
</div>

<script type="text/javascript">
	//参数的使用初始化
	var bar=$('.bar');
	var value=0;
	var progress=$('.bar .progress');
	var interval=setInterval(function(){
		value+=10;
		if (value==100) {
			clearInterval(interval);
		}

	  	bar.css('width',value+'%');//设置值
	  	progress.html(value+'%');
	  	console.log(value);
	  },1000);
</script>